/*
 * @description: 通用弹窗
 * @Author: along
 * @Date: 2021-03-16
 * @Last Modified by: along
 * @Last Modified time: 2021-03-16
 */
<template>
    <el-dialog
        :visible.sync="dialog"
        :title="title"
        :width="width + 'px'"
        :center="center"
        :show-close="false"
    >
        <slot />
    </el-dialog>
</template>

<script>
export default {
    props: {
        dialog: {
            type: Boolean,
            default: false
        },
        title: {
            type: String,
            default: ''
        },
        width: {
            type: Number,
            default: 388
        },
        center: {
            type: Boolean,
            default: false
        }
    }
};
</script>

<style scoped>
.zd-dialog-text {
    color: #333;
    line-height: 23px;
    text-align: center;
}
.zd-dialog-foot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 38px;
    margin-bottom: 10px;
}
</style>